@import "globals";

body,
html,
body,
button {
  color: $textColor;
  font-family: -apple-system , BlinkMacSystemFont , "Segoe UI" , "Roboto" , "Helvetica Neue" , "Ubuntu" , sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6, nav {
  font-family: 'Varela Round', sans-serif;
}

body {
  background-color: $backgroundColor;
}

// To make icons a little less crowded
.fa-icon {
  margin-top: -0.125em;
  margin-left: 4px;
  margin-right: 4px;
  vertical-align: middle;
}

.aw-container {
  background-color: #fff;
  border: 1px solid $lightBorderColor;
  border-radius: 5px;
}
